var API = API || {};

API.Colorbox = {
    offsetX: $(window).innerWidth() - 100 + "px",
    offsetY: $(window).innerHeight() - 100 + "px",
    HTML: $("#google_box").html()

};

$(document).ready(function() {

    setBackgroundImage = function() {
        var bounds123 = new google.maps.LatLngBounds();
        $.each(m, function(index, e) {

            var latLang123 = new google.maps.LatLng(e.x, e.y);
            bounds123.extend(latLang123);
        });

        // Set backgroud image
        var x = bounds123.getCenter().lat();
        var y = bounds123.getCenter().lng();

        $('.side-google-map').css('background-image', 'url("http://maps.googleapis.com/maps/api/staticmap?key=AIzaSyACIkfLKjw2w9u2V9XKJUqnFqfIirp6Bsc&sensor=false&size=250x205&center=' + x + ',' + y + '&zoom=11")');

    };

    if (typeof m !== 'undefined' && m !== '' && m.length >= 1) {

        $("#google_box").remove();
        $(".show_map").colorbox({
            html: "<div id='google_box'>" + API.Colorbox.HTML + "</div>",
            scrolling: false,
            width: '93%',
            height: '93%',
            onComplete: function() {

                $('#google_box').show();
                gmpapH = $('#cboxLoadedContent').innerHeight();
                $("#google_map").css('height', gmpapH);
                $("#google-list").css('height', gmpapH);

                API.Google.Init($(this).attr('data-id'));

            }
        });

        // Set backgroud image
        setBackgroundImage();


    } else {
        $(".show_map").on('click', function() {
            alert('Nothing to show!')
        });
    }



//    $('#cboxOverlay').on('mousewheel', function(e, delta) {
//        // Restricts mouse scrolling to the scrolling range of this element.
//        if (
//                this.scrollTop < 1 && delta > 0 ||
//                (this.clientHeight + this.scrollTop) === this.scrollHeight && delta < 0
//                ) {
//            e.preventDefault();
//        }
//    });
//    $('#colorbox').on('mousewheel', function(e, delta) {
//        // Restricts mouse scrolling to the scrolling range of this element.
//        if (
//                this.scrollTop < 1 && delta > 0 ||
//                (this.clientHeight + this.scrollTop) === this.scrollHeight && delta < 0
//                ) {
//            e.preventDefault();
//        }
//    });

//    if (typeof m !== 'undefined' && m !== '' && m.length >= 1 && API.Data.method == 'accommodation') {
//        $('#do_google_map').on('click', function() {
//            id = $('#show_on_map').attr('data-id');
//            API.Initialize(id);
//            return false;
//        })
//        $('#show_on_map').on('click', function() {
//
//            id = $('#show_on_map').attr('data-id');
//            API.Initialize(id);
//
//            $.scrollTo('#scrool_to_price', 500);
//            $("#tabs").tabs("option", "active", 2);
//
//            return false;
//        });
//    } else {
//        $('#show_on_map').on('click', function() {
//
//            alert('Nothing to show!')
//
//        });
//    }

});